<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org/">
<head>
    <meta charset="UTF-8">
    <title>INDEX</title>

</head>
<body>
<div style="width: 500px;height: 400px; position: absolute; top: 20%;left: 40%">
    <div class="container-fluid">
        <div class="row-fluid">
            <div class="span12">
                <form class="form-horizontal" th:action="@{/login}" method="post">
                    <div class="control-group">
                        <label style="text-align: center"><h3 th:text="#{login.tip}">Please login in</h3></label>
                        <p style=" color: red" th:text="${msg}"></p><br/>
                        <div class="controls">
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            <label class="control-label" for="inputEmail" th:text="#{login.info}">Email:</label>
                            &nbsp;&nbsp;<input id="inputEmail" type="text" name="email"  required="required"/><br/><br/>
                        </div>
                    </div>
                    <div class="control-group">
                        <div class="controls">
                            <label class="control-label" for="inputPassword" th:text="#{login.tip}" >Password:</label>
                            &nbsp;&nbsp;<input id="inputPassword" type="password" name="password" required="required"/>
                        </div>
                    </div>
                    <div class="control-group">
                        <div class="controls"><br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            <label class="checkbox"><input type="checkbox"  th:text="#{login.info2}"/></label><br/><br/>
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            <button id="btn"  type="submit" th:text="#{login.info3}">Login</button>
                        </div>
                    </div>
                </form>
            </div>
            <a th:href="@{/index.html(lang='zh_CN')}">中文</a>
            <a th:href="@{/index.html(lang='en_US')}">English</a>

        </div>
    </div>
</div>
</body>
</html>